<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Text</title>
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< text ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>text</h2>
    <div>简介:</div>
    <p>最常用标签,大多时候用在个人页面的设置按钮,关于我们按钮,首页的更多按钮</p>
</div>
<div id="style"></div>
<div></div>
<script src="../../js/script_min.js"></script>
<script src="../../model/view.js"></script>
<script>
    let text = new view("text");
    text.init([
        {style:1,data:[
            {img:"img/text-style1.png",code:`
        <text margin="13,20,13,0" height="40" background="#ffffff">
            <lp font="#1a1717,16,true">咨询师</lp>
            <rimg attr="7,13"  margin="5,0,5,0">img.more-all.png</rimg>
            <rp font="14,#5b5a5a">更多</rp>
        </text>`,title:"常用1"},
            {img:"img/text-style1-2.png",code:`
        <text background="#ffffff" height="40" id="username" margin="40,30,40,0" padding="10,0,10,0" >
            <limg attr="20">img.loginuser.png</limg>
            <input font="#b8afaf,16" gdrawable="0" height="40">请输入手机号</input>
            <rimg attr="17" >img.loginclose.png</rimg>
        </text>`,title:"常用2"}
        ]},
        {style:2,data:[
            {img:"img/text-style2.png",code:`
        <text  style="2" background="#ff6c6c" id="sign" ripple="#E6E6FA">
            <cp font="15,#ffffff">立即报名</cp>
        </text>`,title:"常用"},
        ]},
        {style:3,data:[
            {img:"img/text-style3.png",code:`
        <text style="3" background="#ffffff" height="270" id="content" margin="13,10,13,10">
            <input filters="300" font="14,#7b7b7b" gdrawable="l#e5e5e5" height="270" padding="20,10,20,10">分享你的感受</input>
        </text>`,title:"常用"},
        ]},
    ]);
</script>
<div class="author"><p>by-沛华</p></div>
</body>
</html>